<!DOCTYPE html>
<html>
<head>
    <title>{$seo.title}--标签</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="标签" />
    <meta name="keywords" content="标签" />

    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <!-- css -->
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <link href="__HOME__css/iconfont.css" rel="stylesheet"/>
    <link href="__HOME__css/am.css" rel="stylesheet"/>
    <link href="__HOME__css/flexslider.css" rel="stylesheet"/>
    <link href="__HOME__css/style.css" rel="stylesheet"/>
</head>
<style>
    .applications_list{padding-top: 32px;}
    .applications_list ul li{margin-bottom: 20px;}
    .applications_list ul li .pic{overflow: hidden;background: #1a7e67;}
    .applications_list ul li p.title{ text-align: center; font-size: 16px; color: #999999; padding: 9px 0; border: 1px #e3e3e3 solid; border-top:none; }
    .applications_list ul li:hover p.title{ background: #1a7e67; color: #fff; }
    .applications_list ul li .pic .open_item{ position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; color: #fff; opacity: 0;}
    .applications_list ul li .pic .open_item i{ display: block; font-size: 36px;}
    .applications_list ul li:hover .pic .pic_img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1); opacity: .5;}
    .applications_list ul li:hover p.title{ border: 1px #1a7e67 solid;border-top: none;}
    .applications_list ul li:hover .pic .open_item{bottom: 43%; opacity: 1;}
    ._search_Blog,._search_video{padding-top: 50px;}
    ._blog_list,._search_video_list{padding-top: 32px;}

</style>
<body>

<div class="wrap">
    {include file="public/header" /}


    <!-- page_banner -->
    <div class="page_banner magtopmenu">
        <div class="pagebanner_pic">
            <ul class="page_banner_slider clear">
                {volist name="banner" id="v" key="k"}
                <li>
                    <div class="pic" style=" background:url({$v.img_url}) center center no-repeat;background-size:cover; height:600px; "></div>
                    <div class="desc">
                        {$v.content}
                    </div>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
    <!-- page_banner end -->

    <!-- position -->
    <div class="position_content">
        <div class="public">
            <div class="position">
                <i class="iconfont icon-zhuye"></i>
                <a href="/">Home</a> >
                {if $type eq 1}
                <a >Tags</a>
                {else \}
                <a >Search</a>
                {/if}
            </div>
        </div>
    </div>
    <!-- position end -->



    <!-- page -->
    <div class="page_content padtb50">
        <div class="public">
            {if $list eq false}
            <h3 style="font-size: 40px;text-align: center">SORRY, NO DATA, PLEASE RE-ENTER!</h3>
            {/if}

            {volist name="list.product" id="v" key="k"}
            <div class="_search_Products">
                {if $k eq 1}
                <div class="singlepro_top">
                    <h3 class="title">Products</h3>
                </div>
                {/if}
                <div class="product_list">
                    <ul class="product_list_nav _productsort">
                        <li class="product_listcontent clear" data-index='0'>
                            <div class="product_list_left fl">
                                <div class="bigpic bigpic_0_0">
                                    <ul class="slides slides_0_0">
                                        {volist name="v.img" id="vl" key="kl"}
                                        <li><div class="zoom" style=" background:url({$vl}) center center no-repeat;background-size:cover; height:300px; "></div></li>
                                        {/volist}                                    </ul>
                                </div>
                                <div class="smallpic">
                                    <ul class="slides">
                                        {volist name="v.img" id="vl" key="kl"}
                                        <li><div class="small-photo"><div class="zoom1" style=" background:url({$vl}) center center no-repeat;background-size:cover; height:90px;width: 90px; "></div></div></li>
                                        {/volist}                                    </ul>
                                </div>
                            </div>
                            <div class="product_list_right fl">
                                <h3 class="title capital">{$v.name}</h3>
                                <div class="text">{$v.introduce}</div>
                                <div class="text_data">
                                    <table>
                                        <tr class="top">
                                            <td><p>Model</p></td>
                                            <td><p>Working Area</p></td>
                                            <td><p>Laser Output Power</p></td>
                                            <td><p>Size</p></td>
                                        </tr>
                                        <tr class="bottom">
                                            <td><p>OR-F 1530 <br>(optional)</p></td>
                                            <td><p>1500*3000mm <br>(optional)</p></td>
                                            <td><p>500w/1000w/1500w<br> 2000w/3000w/4000w</p></td>
                                            <td><p>4500*2300*2000mm <br>(optional)</p></td>
                                        </tr>
                                    </table>
                                </div>
                                <a class="productsmore am" href="/product/{$v.uname}-{$v.id}.html">More Details </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            {/volist}
            <!--<div class="_search_Applications">-->
                <!--<div class="singlepro_top">-->
                    <!--<h3 class="title">Applications</h3>-->
                <!--</div>-->
                <!--<div class="applications_list">-->
                    <!--<ul class="col-4 clear">-->

                        <!--<li class="applications_list_c fl">-->
                            <!--<a href="#" class="am">-->
                                <!--<div class="pic am">-->
                                    <!--<div class="pic_img am" style=" background:url(__HOME__images/p4.jpg) center center no-repeat;background-size:cover; height:190px; ">-->
                                    <!--</div>-->
                                    <!--<div class="open_item am">-->
                                        <!--<p class="more">More details<i class="iconfont icon-changjiantou-copy"></i></p>-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<p class="title am">Carbon steel 15</p>-->
                            <!--</a>-->
                        <!--</li>-->

                    <!--</ul>-->
                <!--</div>-->
            <!--</div>-->

            {if $list.video neq false}
            <div class="_search_video">
                <div class="singlepro_top">
                    <h3 class="title">Video</h3>
                </div>
                <div class="video_list _search_video_list">
                    <ul class="col-3 clear">
                        {volist name="list.video" id="v" key="k"}
                        <li class="fl">
                            <a href="/video/{$v.uname}.html">
                                <div class="pic am">
                                    <div class="pic_img am" style="background: url({$v.img_url}) center center no-repeat;height: 218px;"></div>
                                    <p class="_title">{$v.name}</p>
                                    <div class="_text clear am">
                                        <p>{$v.intro}</p>
                                        <span class="fl">August {$v.create_time}</span>
                                        <i class="iconfont icon-bofang1 fr"></i>
                                    </div>
                                </div>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                </div>
            </div>
            {/if}


            {if $list.blog neq false}
            <div class="_search_Blog">
                <div class="singlepro_top">
                    <h3 class="title">Blog</h3>
                </div>
                <div class="_blog_list blog video_view_l" style="width: 840px;">

                    {volist name="list.blog" id="v" key="k"}
                    <div class="bolg_list">
                        <div class="clear _date">
                            <h3 class="_title">{$v.name}</h3>
                            <div class="fl _date_l">
                                <p>MARCH {$v.create_time}</p>
                                <p>by <span>{$v.author}</span></p>
                            </div>
                        </div>
                        <div class="_view_c">
                            <p class="_tltle">{$v.intro}</p>
                            <div class="pic am">
                                <div class="pic_img am" style="background: url({$v.img_url}) center center no-repeat;background-size: cover;height: 336px;"></div>
                            </div>
                            <a href="/blog/{$v.uname}.html">Continue Reading</a>
                        </div>
                    </div>
                    {/volist}
                </div>
            </div>
            {/if}
            {if $list.news neq false}
            <div class="_search_News">
                <div class="singlepro_top">
                    <h3 class="title">News</h3>
                </div>
                <div class="_blog_list blog video_view_l" style="width: 840px;">
                    {volist name="list.news" id="v" key="k"}
                    <div class="bolg_list">
                        <div class="clear _date">
                            <h3 class="_title">{$v.name}</h3>
                            <div class="fl _date_l">
                                <p>MARCH {$v.create_time}</p>
                                <p>by <span>{$v.author}</span></p>
                            </div>
                        </div>
                        <div class="_view_c">
                            <p class="_tltle">{$v.intro}</p>
                            <div class="pic am">
                                <div class="pic_img am" style="background: url({$v.img_url}) center center no-repeat;background-size: cover;height: 336px;"></div>
                            </div>
                            <a href="/blog/{$v.uname}.html">Continue Reading</a>
                        </div>
                    </div>
                    {/volist}

                </div>
            </div>
            {/if}
            {if $list.knowledge neq false}
            <div class="_search_Laser_Knowledge">
                <div class="singlepro_top">
                    <h3 class="title">Laser Knowledge</h3>
                </div>
                <div class="_blog_list blog video_view_l" style="width: 840px;">

                    {volist name="list.knowledge" id="v" key="k"}
                    <div class="bolg_list">
                        <div class="clear _date">
                            <h3 class="_title">{$v.name}</h3>
                            <div class="fl _date_l">
                                <p>MARCH {$v.create_time}</p>
                                <p>by <span>{$v.author}</span></p>
                            </div>
                        </div>
                        <div class="_view_c">
                            <p class="_tltle">{$v.intro}</p>
                            <div class="pic am">
                                <div class="pic_img am" style="background: url({$v.img_url}) center center no-repeat;background-size: cover;height: 336px;"></div>
                            </div>
                            <a href="/blog/{$v.uname}.html">Continue Reading</a>
                        </div>
                    </div>
                    {/volist}

                </div>
            </div>
            {/if}
        </div>
    </div>
    {include file="public/footer" /}
<script type="text/javascript">

    var li_list = $('.product_list_nav > .product_listcontent');
    var init_length = 0;

    $.each(li_list, function(key, val){
        var index = $(this).data('index');
        var element_length = $(".product_listcontent[data-index='"+index+"']").length;
        var smallpic = $(this).find('.smallpic');
        var bigpic = ".bigpic_"+index+"_"+init_length;
        var slides_li = ".slides_"+index+"_"+init_length+" > li";
        $(smallpic).flexslider({
            animation: "slide",
            controlNav: false,
            animationLoop: false,
            slideshow: false,
            itemWidth: 99,
            itemMargin: 0,
            asNavFor: bigpic
        });

        $(bigpic).flexslider({
            selector: slides_li,
            animation: "slide",
            controlNav: false,
            directionNav: false,
            multipleKeyboard:true,
            animationLoop: false,
            slideshow: true,
            slideshowSpeed: 99999000,
            easing:"swing",
            smoothHeight: false,
            pauseOnAction:true,
            pauseOnHover:true,
            sync: '.smallpic'
        });

        if(init_length >= element_length-1){
            init_length = 0;
        } else {
            init_length += 1;
        }
    })




    // for(var i=0;i<99999999999999;i++){



    // }
</script>


